<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <title>大数据融合与挖掘分析平台</title>
    <link rel="stylesheet" type="text/css" href="/layui/css/layui.css">
    <link href="/css/common.css" type="text/css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="/css/nav.css">
    <link rel="stylesheet" type="text/css" href="/css/iconfont.css">
    <link href="/css/bootstrap.min.css" title="" rel="stylesheet" />
    <link title="" href="/css/body.css" rel="stylesheet" type="text/css" />
    <link title="" href="/css/style.css" rel="stylesheet" type="text/css" />
    <link title="blue" href="/css/dermadefault.css" rel="stylesheet" type="text/css" />
    <link title="green" href="/css/dermagreen.css" rel="stylesheet" type="text/css" disabled="disabled" />
    <link title="orange" href="/css/dermaorange.css" rel="stylesheet" type="text/css" disabled="disabled" />
    <link href="/css/templatecss.css" rel="stylesheet" title="" type="text/css" />
    <script src="/js/jquery-1.11.1.min.js" type="text/javascript"></script>
    <script src="/layui/layui.js"></script>
    <script src="/js/alert.js"></script>
    <script src="/js/echarts.min.js"></script>
    <script src="/js/jquery.cookie.js" type="text/javascript"></script>
    <script src="/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="/js/style.js"></script>
    <!--angular ui--->
    <link rel="stylesheet" title="" type="text/css" href="/css/ui-layout.css" />
    <script src="/js/angular.min.js"></script>
    <script src="/js/ui-layout.js"></script>
</head>
<body>
<!-- 头部导航 -->
<div class="jzy_w_max jzy_h_50 br_12">
    <!--菜单1-->
    <div class="jzy_h_50 br_12 br_11_hove lt top-txt">
        <a class="cr_h_0 fs_14" href="">大数据融合与挖掘分析平台</a>
    </div>


    <!--头像-->
    <div class="jzy_w_50 jzy_h_50 br_12 br_11_hove rt top-txt logo">
        <img class="jzy_boy_18" src="/images/touxiang.jpg" width="36" height="36">

        <!-- 头像下拉菜单 -->

        <div class="jzy_w_270 jzy_h_408 br_h_0 top_nav">
            <!--头像跟用户名-->
            <div class="jzy_w_max jzy_h_50 lt" style="margin-top: 15px"><img class="jzy_boy_18" src="/images/touxiang.jpg" width="36" height="36"></div>
            <div class="jzy_w_max jzy_h_30 lt" style="line-height: 30px; border-bottom: 1px solid #e2e2e2">17812100232</div>
            <!--用户公共操作权限-->
            <div class="jzy_w_250 jzy_h_250 lt" style="padding: 10px">
                <div class="jzy_w_80 jzy_h_80 lt br_h_2_hove">
                    <a>
                        <p class="jzy_h_30"><img src="/images/icon/jbzl.png"></p>基本资料
                    </a>
                </div>
                <div class="jzy_w_80 jzy_h_80 lt br_h_2_hove">
                    <a>
                        <p class="jzy_h_30"><img src="/images/icon/smrz.png"></p>基本资料
                    </a>
                </div>
            </div>
            <!--退出登录-->
            <div class="jzy_w_max jzy_h_42 lt br_h_9" style="background: #f5f5f6; line-height: 45px"><a href="/index">退出平台</a></div>
        </div>
    </div>
    <!--菜单3-->
    <div class="jzy_w_90 jzy_h_50 br_12 br_11_hove rt top-txt">
        <a class="cr_h_0 fs_14">权限设置</a>
        <!-- 头像下拉菜单 -->
        <div class="jzy_w_90 br_h_0 top_nav nav2">
            <p class="p"><a href="">新建权限</a></p>
            <p class="p"><a href="">角色列表</a></p>
        </div>
    </div>
</div>
<!--左侧主导航-->
<div class="jzy_w_180 lt main_height main_left nav" style="background: #333744">
    <div class="nav-top">
        <div id="mini" style="background: #4a5064; text-align: center"><img src="/images/icon/suofang.png" width="20"></div>
    </div>
    <ul>
        <li class="nav-item" id="home">
            <a href="/page/home"><i class="my-icon nav-icon"></i><span>首页</span></a>
        </li>

        <li class="nav-item" id="ronghe">
            <a href="" style="background: #4d58cd"><i class="my-icon nav-icon"></i><span>数据融合</span></a>
        </li>

        <li class="nav-item">
            <a href="javascript:;"><i class="my-icon nav-icon"></i><span>降维</span><i class="my-icon nav-more"></i></a>
            <ul>
                <li><a href="/page/PCA"><span>PCA</span></a></li>
                <li><a href=""><span>kernal-PCA</span></a></li>
                <li><a href=""><span>FactorAnalysis</span></a></li>
            </ul>
        </li>
        <li class="nav-item">
            <a href="/page/feature"><i class="my-icon nav-icon"></i><span>特征选择</span><i class="my-icon"></i></a>
        </li>

        <li class="nav-item" id="wajue">
            <a href="" style="background: #4d58cd"><i class="my-icon nav-icon"></i><span>数据挖掘</span></a>
        </li>
        <li class="nav-item">
            <a href="javascript:;"><i class="my-icon nav-icon"></i><span>分类</span><i class="my-icon nav-more"></i></a>
            <ul>
                <li><a href="/page/KNN"><span>KNN</span></a></li>
                <li><a href="/page/LR"><span>LR</span></a></li>
                <li><a href="/page/model"><span>SVM</span></a></li>
                <li><a href="/page/modelList"><span>决策树</span></a></li>
                <li><a href="/page/job"><span>贝叶斯</span></a></li>
            </ul>
        </li>
        <li class="nav-item">
            <a href="javascript:;"><i class="my-icon nav-icon"></i><span>回归</span><i class="my-icon nav-more"></i></a>
            <ul>
                <li><a href="/page/linearRegression"><span>线性回归</span></a></li>
                <li><a href="/page/MCAlgorithm"><span>最小二乘回归</span></a></li>
                <li><a href="/page/MLJoblist"><span>贝叶斯回归</span></a></li>
            </ul>
        </li>
        <li class="nav-item">
            <a href="javascript:;"><i class="my-icon nav-icon"></i><span>聚类</span><i class="my-icon nav-more"></i></a>
            <ul>

                <li><a href="/page/Kmeans"><span>K-means</span></a></li>
                <li><a href=""><span>层次聚类</span></a></li>
            </ul>
        </li>

        <!--        <li class="nav-item">-->
        <!--            <a href="javascript:;"><i class="my-icon nav-icon"></i><span>集成</span><i class="my-icon nav-more"></i></a>-->
        <!--            <ul>-->
        <!--                <li><a href=""><span>Bagging</span></a></li>-->
        <!--                <li><a href=""><span>随机森林</span></a></li>-->
        <!--                <li><a href=""><span>GBDT</span></a></li>-->
        <!--            </ul>-->
        <!--        </li>-->

        <li class="nav-item" id="guanli">
            <a href="" style="background: #4d58cd"><i class="my-icon nav-icon"></i><span>数据管理</span></a>
        </li>
        <li class="nav-item">
            <a href="javascript:;"><i class="my-icon nav-icon"></i><span>数据库管理</span><i class="my-icon"></i></a>
        </li>
        <li class="nav-item">
            <a href="javascript:;"><i class="my-icon nav-icon"></i><span>文件管理</span><i class="my-icon"></i></a>
        </li>
        <li class="nav-item">
            <a href="/page/task"><i class="my-icon nav-icon"></i><span>任务管理</span><i class="my-icon"></i></a>
        </li>
    </ul>
</div>

<!--主内容框架-->
<div class="main_height main_index lt" style="background: #f2f4f8;">

    <div class="left" style="width: 100%;height:100%" >
        <div style="width:95%;padding-left: 1px;">
            <table id="modelListTable" lay-filter="modelListTable"></table>
        </div>
    </div>
</div>

<script type="text/javascript" src="/js/nav.js"></script>
<script src="/js/jump.js"></script>
<script type="text/javascript" th:inline="javascript">
			var layer=null;
			layui.use("layer",function(){
				layer = layui.layer;
			});
			/*<![CDATA[*/
			var uuid = /*[[${uuid}]]*/  null;
			/*]]>*/
		    var table;
			layui.use(['form', 'table', 'laydate', 'tree'], function() {
				table = layui.table,
				form = layui.form,
				laydate = layui.laydate;
				laydate.render({
					elem: '#date',
					type: 'datetime',
					value: new Date()
				});
				// 开启一个数据表格
			      modelTableList=table.render({
					elem: '#modelListTable',
					method:'post',
					url: '/getJobListAll.do' ,//数据接口
					page: true,//开启分页
					limit: 10,//默认分页条数
					 height: 'full', //高度最大化
					 id:'modelListTable',
					cols: [
							[ //表头
								{
									type: 'checkbox'
								} ,// 开启多选框
								{
									field: 'id',
									title:'ID',
									hide:'true',
									align: 'center',

								} // 开启多选框
								, {
									field: 'model',
									title: 'model',
									width: '25%',
									align: 'center',
									edit: 'false'
								}, {
									field: 'dataset',
									title: 'dataset',
									width: '15%',
									align: 'center'
								}, {
									field: 'timeCreate',
									title: 'timeCreate',
									width: '15%',
									align: 'center',
									sort: true,
                                    templet: function(d){return layui.util.toDateString(d.timePublish, "yyyy-MM-dd HH:mm:ss");},
								}, {
									field: 'params',
									title: 'params',
									width: '20%',
									align: 'center',
									templet: '#switchTpl',
									unresize: true,
									event:'showModelString'
								}
								, {
									field: 'operation',
									title: '操作',
									width: '21.5%',
									align: 'center'
								}
							]
						],
						// 默认数据
					parseData: function(res){ //res 即为原始返回的数据
						  return {
							  "code": res.status, //解析接口状态
							  "count":res.count,
							  "data": res.data, //解析数据列表
						  };
					  }
				});
				var $ = layui.$, active = {
					reload: function(){
						var searchName=$("#searchName").val();
						//执行重载
						table.reload('modelTableList', {
							method:'post',
							url: '/getJobListAll.do' ,//数据接口
							page: true,//开启分页
							page: {curr: 1},
							parseData: function(res){ //res 即为原始返回的数据
								var searchresult=[];
								searchresult.push(res.data);
								return {
									"code": res.status, //解析接口状态
									"data": searchresult, //解析数据列表
									"count":1,
								};
							},
						});
					}
				};
				$("#searchTable").on('click',function(){
					var type = $(this).data('type');
					active[type] ? active[type].call(this) : '';
				});

			});
		</script>
</body>
</html>
